<template>
	<view class="IndexVideo" @tap="kakaGame">
		<view class="videobg" :style="'background-image: url('+bgPic+');'">
			<view class="myvideo">
				<!-- <video id="myVideo" src="https://yp.cqmv.com/uploads/1646371218954079.mp4" poster='https://yp.cqmv.com/uploads/attach/2022/03/20220304/0e16c6f56c7adf4a84253bcdf4353115.png'></video> -->
				<img id="myVideo" src="https://yp.cqmv.com/uploads/attach/2022/03/20220304/0e16c6f56c7adf4a84253bcdf4353115.png" alt="">
			</view>
		</view>
	</view>
</template>

<script>
	import {gameUserCode,siteConfig} from "@/api/api.js"
	export default {
		name: 'Indexvideo',
		data() {
			return {
				bgPic: '../../static/images/Index_banner3.png'
			};
		},
		mounted() {

		},
		created() {},
		methods: {
			kakaGame(){
				let _this= this
				let info = {}
				// gameUserCode().then((res) => {
					// console.log('resres=>',res)
					// if(res.msg){
							// window.location.href = 'http://game.cqmv.com/farmer/index.html?token=' + res.msg;
							// uni.navigateTo({
							// 	url: `/pages/annex/web_view/index?url=/hybrid/html/index.html?token=`+ res.msg
							// })
							uni.navigateTo({
								url: `/pages/exchange/exchange`
							})
							
						// }else{
						// 	console.log("other")
							 // window.location.href = '/hybrid/html/index.html?token=' + res.msg;
						// }
						// this.islogoin=true;
					// }else{
					// 	uni.navigateTo({
					// 		url: "../../users/login/index"
					// 	})
					// } 
				// })
			}
		}
	}
</script>

<style lang="scss">
	.IndexVideo {
		margin: 40rpx 20rpx 20rpx 20rpx;

		.videobg {
			height: 510rpx;
			width: 100%;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			position: relative;

			.myvideo {
				position: absolute;
				bottom: 58rpx;
				left: 49rpx;
				width: 619rpx;
				height: 295rpx;
				
				img {
					width: 100%;
					height: 100%;
					overflow: hidden;
				}
			}
		}
	}
</style>
